<template>
	<view>
		<!-- 列表样式 -->
		<view class="flex align-center p-2 border-bottom  border-light-secondary">
			<image class="rounded-circle mr-2" :src="item.avatar"
				style="height: 100rpx; width: 100rpx;"></image>
			<view class="flex flex-column align-start flex-1">
				<text class="font-md text-dark">{{item.username}}</text>
				<!-- <text>性别</text> -->
				<uni-badge :text="item.age" :type="item.gender===1?'error':'primary'" size="small">
					<text v-if="item.gender>0" class="iconfont icon-nv text-white font-sm mr-1"
					:class="item.gender===1?'icon-nv':'icon-nan'"></text>
				</uni-badge>
			</view>
			<view class="uni-icon uni-icon-checkbox-filled text-light-muted"
			:class="item.isFollow?'text-light-muted':'text-main'"
			></view>
		</view>
	</view>
</template>

<script>
	import uniBadge from '@/components/uni-ui/uni-badge/uni-badge.vue'
	// 0未知 1女生 2男生
	export default{
		components:{
			 uniBadge
		},
		props:{
			item:Object,
			index:Number
		}
	}
</script>

<style>

</style>